// less 混入
// 鼠标移入阴影动画
.hoverShadow() {
  transition: all 0.5s;
  &:hover {
    transform: translate(0, -3px, 0);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  }
}

.home-good-list() {
  .goods-list {
    display: flex;
    justify-content: space-between;
    height: 426px;

    li {
      width: 306px;
      height: 406px;
      .hoverShadow();

      img {
        width: 306px;
        height: 306px;
      }

      p {
        font-size: 22px;
        padding: 12px 12px 4px 12px;
        text-align: center;
      }
      p.price {
        color: red;
      }

      .desc {
        color: #999;
        font-size: 18px;
      }
    }
  }
}
